<!doctype html>
<html>
<head>
<meta charset="utf8">
<title>一个不想秃头的程序猿，记录在前端学习的点点滴滴</title>
<meta name="keywords" content="个人博客,杨青个人博客,个人博客模板,杨青" />
<meta name="description" content="杨青个人博客，是一个站在web前端设计之路的女程序员个人网站，提供个人博客模板免费资源下载的个人原创网站。" />
<link href="css/base.css" rel="stylesheet">
<link href="css/index.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="js/modernizr.js"></script>
<![endif]-->
<script src="js/scrollReveal.js"></script>
</head>
<body>
<header>
	<div class="logo" data-scroll-reveal="enter right over 1s"><a href="/"><h1>邢万江的博客</h1></a></div>
  <nav class="topnav" data-scroll-reveal="enter bottom over 1s after 1s"><a href="index.html"><span>首页</span><span class="en">Home</span></a><a href="about.html"><span>关于我</span><span class="en">About</span></a><a href="manshenghuo.html"><span>慢生活</span><span class="en">Life</span></a><a href="learn.html"><span>碎言碎语</span><span class="en">Doing</span></a><a href="learn.html"><span>学无止境</span><span class="en">Learn</span></a><a href="gbook.html"><span>留言</span><span class="en">Saying</span></a></nav>
</header>
<article>
  <div class="container">
    <div class="blog" data-scroll-reveal="enter top" >
      <figure>
        <ul>
          <a href="/"><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1587223977392&di=19a12c71aaf9d86cbb343845eb2bc195&imgtype=0&src=http%3A%2F%2Fzbjquan.zbjimg.com%2Fforum%2F7niu%2F201809%2F28%2F175317az6j6wxrjsej171j.jpg"><span>点击进入vue.js官网</span></a>
        </ul>
        <p><a href="/">前端vue框架的基本介绍</a></p>
        <figcaption>Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。</figcaption>
      </figure>
      <figure>
        <ul>
          <a href="https://react.docschina.org/"><img src="http://img22.aspzz.cn/uploads/allimg/c180903/153591O2636450-1F23.jpg"><span>点击计入react官网</span></a>
        </ul>
        <p><a href="/">前端react框架的基本介绍</a></p>
        <figcaption>React 是一个声明式，高效且灵活的用于构建用户界面的 JavaScript 库。使用 React 可以将一些简短、独立的代码片段组合成复杂的 UI 界面，这些代码片段被称作“组件”。</figcaption>
      </figure>
      <figure>
        <ul>
          <a href="https://angular.io/"><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1587225205260&di=fe2adecce2ae92e2c175c979562db3e0&imgtype=0&src=http%3A%2F%2Fwww.xkzzz.com%3A8080%2Fzb_users%2Fupload%2F2017%2F12%2F20171212134240_55508.png"><span>点击进入angular官网</span></a>
        </ul>
        <p><a href="/">前端angular框架的基本介绍</a></p>
        <figcaption>Angular 是一个应用设计框架与开发平台，用于创建高效、复杂、精致的单页面应用。</figcaption>
      </figure>
    </div>
   <ul class="cbp_tmtimeline">
					<li>
						<time class="cbp_tmtime"><span>08-08</span> <span>2017</span></time>
						<div class="cbp_tmicon"></div>
						<div class="cbp_tmlabel" data-scroll-reveal="enter right over 1s" >
							<h2>三步实现滚动条触动css动画效果</h2>
							 <p><span class="blogpic"><a href="/"><img src="images/t03.jpg"></a></span>现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力...</p>
                             <a href="/" target="_blank" class="readmore">阅读全文&gt;&gt;</a>
						</div>
					</li>
						<li>
						<time class="cbp_tmtime" ><span>08-08</span> <span>2017</span></time>
						<div class="cbp_tmicon"></div>
						<div class="cbp_tmlabel"data-scroll-reveal="enter right over 1s" >
							<h2>三步实现滚动条触动css动画效果</h2>
							 <p><span class="blogpic"><a href="/"><img src="images/t02.jpg"></a></span>现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力...</p>
                             <a href="/" target="_blank" class="readmore">阅读全文&gt;&gt;</a>
						</div>
					</li>
                    <li>
						<time class="cbp_tmtime" ><span>08-08</span> <span>2017</span></time>
						<div class="cbp_tmicon"></div>
						<div class="cbp_tmlabel" data-scroll-reveal="enter right over 1s" >
							<h2>三步实现滚动条触动css动画效果</h2>
							 <p><span class="blogpic"><a href="/"><img src="images/t01.jpg"></a></span>现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力...</p>
                             <a href="/" target="_blank" class="readmore">阅读全文&gt;&gt;</a>
						</div>
					</li>
                    <li>
						<time class="cbp_tmtime" ><span>08-08</span> <span>2017</span></time>
						<div class="cbp_tmicon"></div>
						<div class="cbp_tmlabel" data-scroll-reveal="enter right over 1s" >
							<h2>三步实现滚动条触动css动画效果</h2>
							 <p><span class="blogpic"><a href="/"><img src="images/t03.jpg"></a></span>现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力...</p>
                             <a href="/" target="_blank" class="readmore">阅读全文&gt;&gt;</a>
						</div>
					</li>
                    <li>
						<time class="cbp_tmtime" ><span>08-08</span> <span>2017</span></time>
						<div class="cbp_tmicon"></div>
						<div class="cbp_tmlabel" data-scroll-reveal="enter right over 1s" >
							<h2>三步实现滚动条触动css动画效果</h2>
							 <p><span class="blogpic"><a href="/"><img src="images/t02.jpg"></a></span>现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力...</p>
                             <a href="/" target="_blank" class="readmore">阅读全文&gt;&gt;</a>
						</div>
					</li>
                    <li>
						<time class="cbp_tmtime" ><span>08-08</span> <span>2017</span></time>
						<div class="cbp_tmicon"></div>
						<div class="cbp_tmlabel" data-scroll-reveal="enter right over 1s" >
							<h2>三步实现滚动条触动css动画效果</h2>
							 <p><span class="blogpic"><a href="/"><img src="images/t01.jpg"></a></span>现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力...</p>
                             <a href="/" target="_blank" class="readmore">阅读全文&gt;&gt;</a>
						</div>
					</li>
                    <li>
						<time class="cbp_tmtime" ><span>08-08</span> <span>2017</span></time>
						<div class="cbp_tmicon"></div>
						<div class="cbp_tmlabel" data-scroll-reveal="enter right over 1s" >
							<h2>三步实现滚动条触动css动画效果</h2>
							 <p><span class="blogpic"><a href="/"><img src="images/t03.jpg"></a></span>现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力...</p>
                             <a href="/" target="_blank" class="readmore">阅读全文&gt;&gt;</a>
						</div>
					</li>
					
				</ul>
  </div>
</article>
<script>
	if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
		(function(){
			window.scrollReveal = new scrollReveal({reset: true});
		})();
	};
</script> 
</body>
</html>
